<template>
    <div class="linux">
        <div class="Breadcrumb">
            <Breadcrumb :breadList='position'></Breadcrumb>
        </div>
        <div class="linux-page">
            <div class="first-line">
                <span>Please Select Test Moudle</span>
            </div>
            <div class="second-line">
                <button class="button" @click="goto_fuction(0)">Storage</button>
                <button class="button" @click="goto_fuction(1)">CPU</button>
            </div>
        </div>
    </div>
</template>

<script>
import Breadcrumb from '@/components/Breadcrumb';
export default {
    name:"linux",
    data(){
        return {
            position: ["Main", "Linux"]
        }
    },
    components:{
        Breadcrumb
    },
    methods:{
        goto_fuction(index){
            switch(index){
                case 0:
                    this.$router.push({
                        path:"Storage"
                    })
                    break
            }
        }
    },
}
</script>

<style scoped>
.linux{
  height: 100%;
  width: 100%;
}
.linux .Breadcrumb{
  height: 5%;
  width: 100%;
  border-bottom: 0.5px;
  box-sizing: border-box;
  border-bottom:solid;
  border-color: #8D8D8D;
     
}
.linux .linux-page{
  height: 95%;
  width: 100%;
     
}

.linux .linux-page .first-line {
    padding: 50px;
    font-size: 50px;
}

.linux .linux-page .second-line {
    padding: 60px 90px 60px 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.linux .linux-page .second-line .button{
    height: 60px;
    width: 200px;
}
</style>

